<template>
	<view class="repair">
		<!-- 上 -->
		<view class="box">
		<view class="nav">
					<uni-nav-bar class="header" :border="false" dark color="#000" backgroundColor="#fff" left-icon="left"
						leftText="返回" leftWidth="200rpx" rightWidth="200rpx" @clickLeft="$utils.ret()" title="报修记录" />
				</view>
			<view class="title">
				<div class="wei">未处理</div>
				<div>已处理</div>
				<div class="quan">全部</div>
			</view>
		</view>
		<!-- 中1 -->
		<view class="middle" @click="baoxiuxiang">
			<view class="middle_top">
				<span class="gong">公告区域有人随意占用，请物管及时.家里墙体有裂纹，请物管及时派工人...</span>
				<view class="university">
					<view class="univer">
						<img src="../../static/images/baoxiujilu.jpg" alt="" />
					</view>
					<view class="univer">
						<img src="../../static/images/baoxiu2.jpg" alt="" />
					</view>
					<view class="univer">
						<img src="../../static/images/baoxiujilu.jpg" alt="" />
					</view>
				</view>
				<view class="middle_left">清水楼1单元2208<span class="lou">水管漏水</span></view>
				<view class="middle_utf">
					<span>2021-10-20 10:20</span>
					<view class="middle_buttom">
						<button class="li">未处理</button>
						<button class="che">撤销</button>
					</view>
				</view>
			</view>
		</view>
		<!-- 中1 -->
		<!-- 中2 -->
		<view class="middle">
			<view class="middle_top">
				<span class="gong">公告区域有人随意占用，请物管及时.家里墙体有裂纹，请物管及时派工人...</span>
				<view class="university">
					<view class="univer">
						<img src="../../static/images/baoxiujilu.jpg" alt="" />
					</view>
					<view class="univer">
						<img src="../../static/images/baoxiu2.jpg" alt="" />
					</view>
					<view class="univer">
						<img src="../../static/images/baoxiujilu.jpg" alt="" />
					</view>
				</view>
				<view class="middle_left">清水楼1单元2208<span class="lou">水管漏水</span></view>
				<view class="middle_utf">
					<span>2021-10-20 10:20</span>
					<view class="middle_buttom">
						<button class="li">未处理</button>
						<button class="che">撤销</button>
					</view>
				</view>
			</view>
		</view>
		<!-- 中2 -->
		<!-- 中3 -->
		<view class="middle">
			<view class="middle_top">
				<span class="gong">公告区域有人随意占用，请物管及时.家里墙体有裂纹，请物管及时派工人...</span>
				<view class="university">
					<view class="univer">
						<img src="../../static/images/baoxiujilu.jpg" alt="" />
					</view>
					<view class="univer">
						<img src="../../static/images/baoxiu2.jpg" alt="" />
					</view>
					<view class="univer">
						<img src="../../static/images/baoxiujilu.jpg" alt="" />
					</view>
				</view>
				<view class="middle_left">清水楼1单元2208<span class="lou">水管漏水</span></view>
				<view class="middle_utf">
					<span>2021-10-20 10:20</span>
					<view class="middle_buttom">
						<button class="li">未处理</button>
						<button class="che">撤销</button>
					</view>
				</view>
			</view>
		</view>
		<!-- 中3 -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			baoxiuxiang(){
				  uni.navigateTo({
				        url: '/pages/Repair_details/Repair_details'
				      });
			}
		}
	}
</script>

<style>
@import url('../../static/css/Repair_record.css');
</style>
